<template>

    <div class="flexc" style="height: 1rem; background: #fff;">
      <div style="flex: 1; text-align: center;">
        <router-link to="/index">
          <div class="flexcc" v-if="!$route.path.includes('/index')"><img src="../../static/mimg/n1.png" style="width: 0.5rem;"></div>
          <div class="flexcc" v-if="$route.path.includes('/index')"><img src="../../static/mimg/n19.png" style="width: 0.5rem;"></div>
          <div style="font-size: 0.2rem; margin-top: 0.1rem;">首页</div>
        </router-link>
      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/dingdanguanli/dingdanchuli">
          <div class="flexcc" v-if="!$route.path.includes('/dingdanguanli/dingdanchuli')"><img src="../../static/mimg/n2.png" style="width: 0.5rem;"></div>
          <div class="flexcc" v-if="$route.path.includes('/dingdanguanli/dingdanchuli')"><img src="../../static/mimg/n20.png" style="width: 0.5rem;"></div>
          <div style="font-size: 0.2rem; margin-top: 0.1rem;">订单</div>
        </router-link>

      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/shangpinguanli/zaishoushangpin">
          <div class="flexcc" v-if="!$route.path.includes('/shangpinguanli/zaishoushangpin')"><img src="../../static/mimg/n3.png" style="width: 0.5rem;"></div>
          <div class="flexcc" v-if="$route.path.includes('/shangpinguanli/zaishoushangpin')"><img src="../../static/mimg/n21.png" style="width: 0.5rem;"></div>
          <div style="font-size: 0.2rem; margin-top: 0.1rem;">商品</div>
        </router-link>
      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/fenxiaoshangguanli/fenxiaoshangguanli">
          <div class="flexcc" v-if="!$route.path.includes('/fenxiaoshangguanli/fenxiaoshangguanli')"><img src="../../static/mimg/n4.png" style="width: 0.5rem;"></div>
          <div class="flexcc" v-if="$route.path.includes('/fenxiaoshangguanli/fenxiaoshangguanli')"><img src="../../static/mimg/n22.png" style="width: 0.5rem;"></div>
          <div style="font-size: 0.2rem; margin-top: 0.1rem;">分销商</div>
        </router-link>
      </div>
      <div style="flex: 1; text-align: center;">
        <router-link to="/geren/geren">
          <div class="flexcc" v-if="!$route.path.includes('/geren/geren')"><img src="../../static/mimg/n5.png" style="width: 0.5rem;"></div>
          <div class="flexcc" v-if="$route.path.includes('/geren/geren')"><img src="../../static/mimg/n23.png" style="width: 0.5rem;"></div>
          <div style="font-size: 0.2rem; margin-top: 0.1rem;">我的</div>
        </router-link>
      </div>
    </div>

</template>

<script>
	export default {
		name: 'top',
		data() {
			return {

			}
		},
		created() {


		},
		mounted() {

      

		},
		methods: {

		}
	}
</script>


<style scoped lang="less">
  .router-link-active{color: rgb(0, 90, 255) !important;

  }
  .router-link-exact-active{color: rgb(0, 90, 255) !important;

  }
</style>
